/*
 * @Author: yangzonglong
 * @Date: 2021-05-13 09:25:35
 * @version: v1.0.0
 * @Descripttion: 流程 开始节点 start env
 * @LastEditors: yangzonglong
 * @LastEditTime: 2021-05-14 18:08:32
 * @Auditor: 
 */
import React, { useState } from 'react';
import { Tabs } from '@library';
import Baseset from './_Baseset';
import Variable from './_Variable';
import style from './../style.module.scss';

const t = window.$app.t;

const tabsData = [
  { id: 'baseinfo', label: t('baseSet') },
  { id: 'window', label: t('globalVar') }
]

export default () => {
  const [tabId, setTabId] = useState(tabsData[0].id);

  return (
    <div className={style.scroll}>
      <Tabs mode='tabs' onChange={setTabId} curTabId={tabId} tabs={tabsData}/>
      <main>
      {tabId === tabsData[0].id && <Baseset/>}
      {tabId === tabsData[1].id && <Variable/>}
      </main>
    </div>
  )
}